 body, html {  
              height: 100%;  
              margin: 0;  
              padding: 0;  
              overflow: hidden; 
          }  
    
          .container {  
              width: 30%;  
              margin: 0 auto;  
              max-width: 100%;  
              height: 100vh;  
           background: linear-gradient(to right, #885db0, #6ab0ab); 
              overflow-y: auto; 
              display: flex;  
              flex-direction: column;  
              align-items: center;  
              justify-content: center;  
              padding: 20px;  
              box-sizing: border-box;  
			 padding-top: 0; 
			   z-index: 1;
			   position: relative; 
			     margin-top: 0; 
				 animation: glowing 4s infinite;
          }  
    
          .container > * {  
              max-width: 100%;  
              margin: 0 auto;  
          }  
    
          .background {  
              position: fixed;  
              top: 0;  
              left: 0;  
              width: 100%;  
              height: 100%;  
              background-color: #d8c1dd;  
              z-index: -1;  
			  background: linear-gradient(to right, #495bbd, #c75b66) fixed;
          }  
		  #product-info-container {  
		      margin-top: 10px;
		  }  
		    
		  #product-info-container p {  
		      margin-bottom: 5px;  
		  }
		  
		  
		#product-info {  
		    border-radius: 10px;   
		    background-color: #CCFF99;  
		    padding: 10px;  
		    width: 100%;  
		    box-sizing: border-box;  
		    display: none;  
			  background: linear-gradient(to bottom, #ff9966, #ff5e62);  
			  animation: glowing 4s infinite;
		}  
		  
		#buy-button {  
		    border-radius: 10px;  
		    width: 100%;   
		    text-align: center;  
		    box-sizing: border-box;  
		  color: #272727; 
		  animation: glowing 6s infinite;
		}
		
		.input-container {  
		    display: flex;  
		       align-items: center;  
		       margin-bottom: 24px;
			    background: linear-gradient(to bottom, #f2ffe4, #39ffe8);  
			    border: 1px solid #feff8b;
				animation: glowing 4s infinite;
			   
		}  
		  
		.input-container label {  
		    margin-right: 10px; 
		}  
		  
		.input-container input {  
		    flex: 1; 
		    padding: 5px; 
		    border: 1px solid #ff789c;   
		    border-radius: 4px;  
		}  
		

#flxnim {  
		   margin-bottom: 10px; 
		}  
		
		#nmzxsd {
				   margin-bottom: 15px; 
				}  
				
				#category-select {
						   margin-bottom: 15px; 
						}  
						
						#xioplz {
								   margin-bottom: 15px; 
								}  
		
		
	.radio-container {  
	    margin-top: 20px;  
	    position: relative; 
		 animation: glowing 4.5s infinite;
		   margin-bottom: 15px; 
	}  
	  
	.radio-container label {  
	    display: inline-block;  
	    margin-right: 10px;   
	    margin-bottom: 5px;   
	    font-weight: bold;  
	    color: #272727;   
	    cursor: pointer;  
	}  
	.radio-container input[type="radio"] {  
	    vertical-align: middle;  
	    margin-right: 5px;  
	    -webkit-appearance: none; 
	    width: 16px;  
	    height: 16px;  
	    border: 2px solid #999;  
	    border-radius: 50%;  
	    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); 
	    transition: box-shadow 0.3s ease;   
	}  
	  
	.radio-container input[type="radio"]:checked {  
	    background-color: #333;  
	    border-color: #333;  
	    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4); 
	}  
	  
	
	.radio-container input[type="radio"]:hover {  
	    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); 
	}  
	  
 
	.radio-container input[type="radio"]:focus {  
	    outline: none; 
	}  
	   .button-container {  
	      }  
	    
	      .button-container a {  
	          display: block; 
	          margin-bottom: 20px; 
	      }  
		  
		  .cxdd-container {  
		    text-align: center;   
		  }  
		  .cxdd-container input,  
		  .cxdd-container a {  
		    display: inline-block;   
		    margin-bottom: 20px;  
		  }  
		  
		 @keyframes glowing {  
		     0% {  
		         background-color: #ff0066;  
		         box-shadow: 0 0 3px #ff0066, 0 0 8px #ff0066, 0 0 15px #ff0066, 0 0 20px #ff0066;  
		     }  
		     25% {  
		         background-color: #00ff66;  
		         box-shadow: 0 0 3px #00ff66, 0 0 8px #00ff66, 0 0 15px #00ff66, 0 0 20px #00ff66;  
		     }  
		     50% {  
		         background-color: #0066ff;  
		         box-shadow: 0 0 3px #0066ff, 0 0 8px #0066ff, 0 0 15px #0066ff, 0 0 20px #0066ff;  
		     }  
		     75% {  
		         background-color: #6600ff;  
		         box-shadow: 0 0 3px #6600ff, 0 0 8px #6600ff, 0 0 15px #6600ff, 0 0 20px #6600ff;  
		     }  
		     100% {  
		         background-color: #ff0066;  
		         box-shadow: 0 0 3px #ff0066, 0 0 8px #ff0066, 0 0 15px #ff0066, 0 0 20px #ff0066;  
		     }  
		 }  
		   
		 h1 {  
		     color: #ffffff; 
		     text-shadow: 0 0 5px #ffffff; 
		     animation: glowing 5s infinite; 
		 }
		 
		 h2 {
		     color: #e2b8ff; 
		     text-shadow: 0 0 5px #ffa1e2; 
		     animation: glowing 5s infinite; 
		 }
		 
		 select {
		     animation: glowing 12s infinite; 
		 }
		 
		 option {
		     animation: glowing 12s infinite; 
		 }